<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>TextChatアプリ</title>
  <link rel="stylesheet" href="css/default.css">
  <!-- 必要に応じてCSSを定義する．別ファイルとして定義しても構わない．-->
  <link rel="stylesheet" href="css/text_chat.css">
</head>
<body>
  <div class="container">
    <!-- 各自の学生証番号と名前で置き換えること -->
    <div class="namebox">26000000000<br>立命 花子</div>
    <h1>TextChatアプリ</h1>
    <p>WebSocketを使用した簡単なチャットシステムを作成せよ．</p>
    <p>２つのチャットのコンポーネントを配置し，その間でチャットができることを確認せよ．</p>
    <p>また，異なるブラウザ間でもチャットができることを確認せよ．</p>
    <hr class="answer">
    <!-- React component を配置する．-->
    <div id="root"></div>
  </div>
  <!-- JavaScript の定義 -->
  <script src="js/text_chat.jsx"></script>
</body>
</html>
